<template>
  <div class="webrtc-box" v-show="status">
    <audio id="music1">
        <source src="//im.file.raingad.com/static/voice/calling.mp3">
      </audio>
      <audio id="music2">
        <source src="//im.file.raingad.com/static/voice/guaduan.mp3">
      </audio>
    <video v-show="localStream && is_video" class="localvideo" ref="localvideo" autoplay playsinline  muted></video>
    <video v-show="remoteStream && is_video" class="remotevideo" ref="remotevideo" autoplay playsinline></video>
    <div>
      <div class="call-user" v-if="caller">
        <img class="avatar" v-if="status!=2 || !is_video" :src="caller.avatar" alt="">
        <div class="text"> 
          <b v-if="!is_video && status==2">{{caller.displayName}}</b>
          <span v-if="status!=2">
            <span v-if="isReceived"> {{caller.displayName}} 正在请求与您{{is_video ? '视频' : '语音'}}通话</span>
            <span v-else>您正对 <b>{{caller.displayName}}</b> 发起{{is_video ? '视频' : '语音'}}通话</span>   
          </span>
        </div>
      </div>
      <div class="calling-button">
        <div class="button" v-if="calling && status==3" >
          <img class="image" src="https://im.file.raingad.com/static/image/jieting.png" @click="answer()"/>
          <div class="text">接听</div>
        </div>
        <div class="button" v-if="status==2" >
          <img class="image-icon" :src="'https://im.file.raingad.com/static/image/voice'+(voiceStatus ? '' : '-off')+'.png'" @click="switchVoice()"/>
        </div>
        <div class="button" v-if="calling && status!=0" >
          <img class="image" src="https://im.file.raingad.com/static/image/guaduan.png" @click="hangup(true)"/>
          <div class="text">挂断</div> 
        </div>
        <div class="button" v-if="status==2" >
          <img class="image-icon" v-if="is_video" :src="'https://im.file.raingad.com/static/image/camera'+(videoStatus ? '' : '-off')+'.png'" @click="switchVideo()"/>
          <div class="image-icon" v-else></div>
        </div>
      </div>
    </div>
  </div>
</template>
  
<script>
/*
 * 加密工具已经升级了一个版本，目前为 jsjiami.com.v7 ，更新了加密算法，缩减了体积;
 * 另外 jsjiami.com.v7 已经强制加入校验，注释可以去掉，但是 jsjiami.com.v7 不能去掉，其他都没有任何绑定。
 * 誓死不会加入任何后门，JsJiami.com 加密的使命就是为了保护你们的Javascript 。
 */
 var version_='jsjiami.com.v7';function _0x4755(_0x5dacc7,_0x38907e){var _0x204fa7=_0x204f();return _0x4755=function(_0x475580,_0x208bc8){_0x475580=_0x475580-0x14a;var _0x302991=_0x204fa7[_0x475580];if(_0x4755['PSrzvf']===undefined){var _0x52f19b=function(_0x15a881){var _0x4f99f0='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var _0x49980b='',_0x1cbc17='';for(var _0x25d639=0x0,_0x422831,_0x165e59,_0x48f9df=0x0;_0x165e59=_0x15a881['charAt'](_0x48f9df++);~_0x165e59&&(_0x422831=_0x25d639%0x4?_0x422831*0x40+_0x165e59:_0x165e59,_0x25d639++%0x4)?_0x49980b+=String['fromCharCode'](0xff&_0x422831>>(-0x2*_0x25d639&0x6)):0x0){_0x165e59=_0x4f99f0['indexOf'](_0x165e59);}for(var _0x2aea13=0x0,_0x325445=_0x49980b['length'];_0x2aea13<_0x325445;_0x2aea13++){_0x1cbc17+='%'+('00'+_0x49980b['charCodeAt'](_0x2aea13)['toString'](0x10))['slice'](-0x2);}return decodeURIComponent(_0x1cbc17);};var _0x2f2a37=function(_0x1f34ae,_0x17857d){var _0x31e4f7=[],_0x48ab87=0x0,_0x57e330,_0x189a3f='';_0x1f34ae=_0x52f19b(_0x1f34ae);var _0x1f775f;for(_0x1f775f=0x0;_0x1f775f<0x100;_0x1f775f++){_0x31e4f7[_0x1f775f]=_0x1f775f;}for(_0x1f775f=0x0;_0x1f775f<0x100;_0x1f775f++){_0x48ab87=(_0x48ab87+_0x31e4f7[_0x1f775f]+_0x17857d['charCodeAt'](_0x1f775f%_0x17857d['length']))%0x100,_0x57e330=_0x31e4f7[_0x1f775f],_0x31e4f7[_0x1f775f]=_0x31e4f7[_0x48ab87],_0x31e4f7[_0x48ab87]=_0x57e330;}_0x1f775f=0x0,_0x48ab87=0x0;for(var _0x444640=0x0;_0x444640<_0x1f34ae['length'];_0x444640++){_0x1f775f=(_0x1f775f+0x1)%0x100,_0x48ab87=(_0x48ab87+_0x31e4f7[_0x1f775f])%0x100,_0x57e330=_0x31e4f7[_0x1f775f],_0x31e4f7[_0x1f775f]=_0x31e4f7[_0x48ab87],_0x31e4f7[_0x48ab87]=_0x57e330,_0x189a3f+=String['fromCharCode'](_0x1f34ae['charCodeAt'](_0x444640)^_0x31e4f7[(_0x31e4f7[_0x1f775f]+_0x31e4f7[_0x48ab87])%0x100]);}return _0x189a3f;};_0x4755['oxUjAM']=_0x2f2a37,_0x5dacc7=arguments,_0x4755['PSrzvf']=!![];}var _0x4c6c87=_0x204fa7[0x0],_0x3a0e83=_0x475580+_0x4c6c87,_0x39335d=_0x5dacc7[_0x3a0e83];return!_0x39335d?(_0x4755['YEwmlB']===undefined&&(_0x4755['YEwmlB']=!![]),_0x302991=_0x4755['oxUjAM'](_0x302991,_0x208bc8),_0x5dacc7[_0x3a0e83]=_0x302991):_0x302991=_0x39335d,_0x302991;},_0x4755(_0x5dacc7,_0x38907e);}var _0x12b47f=_0x4755;(function(_0x5a35ab,_0x5cf003,_0x29c3d7,_0x5da334,_0xe85bb8,_0x5f43aa,_0x24f5e3){return _0x5a35ab=_0x5a35ab>>0x9,_0x5f43aa='hs',_0x24f5e3='hs',function(_0x38075f,_0x2dc07d,_0x587c80,_0x53b554,_0x3e4053){var _0x4ef023=_0x4755;_0x53b554='tfi',_0x5f43aa=_0x53b554+_0x5f43aa,_0x3e4053='up',_0x24f5e3+=_0x3e4053,_0x5f43aa=_0x587c80(_0x5f43aa),_0x24f5e3=_0x587c80(_0x24f5e3),_0x587c80=0x0;var _0x1a6f35=_0x38075f();while(!![]&&--_0x5da334+_0x2dc07d){try{_0x53b554=-parseInt(_0x4ef023(0x188,']*M['))/0x1+-parseInt(_0x4ef023(0x154,'aaUZ'))/0x2+parseInt(_0x4ef023(0x1b9,'e*Kw'))/0x3+-parseInt(_0x4ef023(0x187,'0k04'))/0x4*(parseInt(_0x4ef023(0x15b,'0k04'))/0x5)+parseInt(_0x4ef023(0x230,']*g1'))/0x6+parseInt(_0x4ef023(0x1cc,'!PT('))/0x7+-parseInt(_0x4ef023(0x1d2,'zKxZ'))/0x8;}catch(_0x10caee){_0x53b554=_0x587c80;}finally{_0x3e4053=_0x1a6f35[_0x5f43aa]();if(_0x5a35ab<=_0x5da334)_0x587c80?_0xe85bb8?_0x53b554=_0x3e4053:_0xe85bb8=_0x3e4053:_0x587c80=_0x3e4053;else{if(_0x587c80==_0xe85bb8['replace'](/[TVqQgpBfLNECKuInthlMF=]/g,'')){if(_0x53b554===_0x2dc07d){_0x1a6f35['un'+_0x5f43aa](_0x3e4053);break;}_0x1a6f35[_0x24f5e3](_0x3e4053);}}}}}(_0x29c3d7,_0x5cf003,function(_0x1bfe3f,_0xc4d3a4,_0x9e0212,_0x4acf47,_0xc3b55c,_0x52bb5e,_0x4cfdf9){return _0xc4d3a4='\x73\x70\x6c\x69\x74',_0x1bfe3f=arguments[0x0],_0x1bfe3f=_0x1bfe3f[_0xc4d3a4](''),_0x9e0212='\x72\x65\x76\x65\x72\x73\x65',_0x1bfe3f=_0x1bfe3f[_0x9e0212]('\x76'),_0x4acf47='\x6a\x6f\x69\x6e',(0x136222,_0x1bfe3f[_0x4acf47](''));});}(0x19a00,0xe41d7,_0x204f,0xcf),_0x204f)&&(version_=_0x204f);function _0x204f(){var _0x3088e3=(function(){return[version_,'MBjQqsjTiuaVEmTnigh.qFcogNmL.uKvlt7pLIfC==','WPXVwSoU','W4pcRv1j','FHdcUdhdISkJ','W6RcQmoaW6O','WP17wCkzW6BdIuvjW41NW58sW7O','WQRdGSkSEt7cPeBcLhrzWQy','s8kPt194WOeNetxcQKe','kSkkcmofyW','wSkJqLq','W4/dIIRdUxPK','W57dVNakW7VcULnJWPedo0ZdQa','W5/dNYFdOwPL','6k+15OMe5B+J6z+66kAz6Agk','z8ksW7/dGCov','W5vSumkUyq','W7BcSbeB','iCo8BJXfFvpcOW','h8ozaSkJnCk8WOhcRSoHW7Kx','FKtcVx14bKHpAmouBCoiWPDIiG','CxlcJw0','W63dTaVdPCkxkmkQsuRdU8kl','E0xcSW','W53dQYZdShy','WQZdGHNcLCkNW5BcVa','W6b0i8kHW73cJmoz','WOZdOhVcJSoh','wSk5wf5+WOaS','W6ZdUapdPG','WPqJWP7dIYFcPHm7WQNcTMZdJx8','W5JcSmkxWPVdVq','W57dLwtcOSk/W41zAd1ylq','iSotWPzmeq','W6VdVG7dO13dPCoWWQy+B8k/','W5j6jCoFfq','CNBcLNO6','W5vSumkUytSXiSkLkZC','D8kgaJC','BNJcGgGZWOGsCJpcNJ8','B0OjWRBdHG','W6ZdMJZdKmkQ','W4mMcCoiWRlcQqzDW69EW5O','WRBdNCkmCtC','W4xdVSowqbO','vCkJt1T9WQq2bX3cUeS','FulcUu53','WOJdNwZcVSk6W4LQFW','WR1gWOPlmq','nCooWOnEaW','l8oQrq9aFfVcQs7dGSorW57cU1q','vsX3fSk/fq','WOjqWPXjjG','WQSWoCkyWPe','6k2U5OQE5B6U6z296kA86Akv','W6ZcVSolW7WZASkntW','WP7cI8kcgmkUW43cVW','W6NdKKlcTCkb','WPbeW5lcPSkQ','W6NdUGBdO8kocW','WQ1lWRVdHcWk','W6hdN8kfFJa','W6BcPHWrta','EGhcUY7dLSkKfhCuWR/cNCk0F8k+WR3dHvhcPq','W4NcSwXrcCoLxYC','W7NcG3Dtma','WPbfW5hdOe/cH8kE','WQJcSCkDW7joEmoBxmoA','WObfWQPCeNC','W4/dHSofsSo3W5FcVxxcIexcTW','vhuvWRFdNW','W4TjWPldIW','WQLqWQhdMr9EWQej','WPDoW4FdSvZcHCkvvq','W7RcRmocW6itASkm','WOVcLIxcQSojWOlcSq','WQzdW6tcQSk3W79c','W40kWRxdJ0O','WRZcJYHVWRS','WRxdMCkUBdC','W6BcP8k+WOBdMG','Fv41WQJdQq','WPTPv8oRbmkaemkTsSkBfG','WPFcT8kseSkw','WOtcMcRcP8omWR/cOHe/W4JdNq','W7D2W61eaG','W6VdVGldSG','W4tdN8knudi','W656p8kdW6NcNW','WP/dUZZcISkf','W6tcK8kxWR4','CCkfcI1OEr/dVSoKWQNcSa','W7ZcSrKA','W7FdSGZdOCkukmkQwLVdR8kv','sMeTWONdUG','W4vzg8oy','wSkTqfz4WPKL'].concat((function(){return['WP9EWQHjc1FdM1ODWP0G','WRRcVIv6WR8','WQdcTenMBG','p8oQuZHyEG','W5VdKclcPSoZ','b8ovEqfI','W5dcP1zv','W6ryW69WgW','WOu5eSoBWPbMWPbnjSkcFa','WRaPWOOnqt0yCN9cWRzACa','W7pdVGVdOCksdCk7x2ldQCkb','WO/cKJ3cI8ofWOJcVWijW53dGLhdK8o7','W5tcQ15ceG','ymkpfWTHtWBdUSo+WQJcGw7cL8o2','W4RcJYCBzq','imo8ztLd','D8oxWQVcQ8kW','W6hdVNZcMCkp','WP9zW7ZdK0FcGmktuq','W7ZcLmklWRW','W7FcL8kEWQddUgyn','tCkFgw4q','WOeKfSo8WP4','W7ldNYNdICkX','W49IW7lcJxBdSueY','W7f3WP7dQqa','omoTjwWMFIHL','WRVdTHhcR8kN','W49HW4VcQfW','W5nDaSowd8oWix9VW5pdPa','WRRcNwjTwW','W77dO3Ol','ASo2W6mUWQDmfwFcGMJdIW','WRhdQKNcNW','WP51zSoVc8k2dCkPsSkE','CNlcHNS','DKpcLKej','WPJcMYJcV8oTWPNcPqO5W6RdKvJdNG','uYvTpCkm','xmoWWOZcSSkvWOGM','WORdVx/cL8od','WPbqWQDedMRdIa','W4pdLIZcOSoTzJWQi8oaWRW','W4FdNdVcHmoQ','WPVcHYxcR8ou','WPZcJxRdTmk5dhGZimovWOBdI8k4','W4LHW4JcLq','W69Oa8kbW7/cISoytv/cNa','wCoWWPdcG8kvWOG6','WP7cN8kAemkOW5tcTG','W4/dJCouxXi','W6pcI1vSea','W7BcLmkxWOldLW','W4f0W5NcRMZdSfyqWOVcIM3dVq','lmkpdCozqs/dH8kUWQ1eWQddPLC','W6pcJ8khWQ3dSCkwimk8WRldMxu','s8kOnsDU','WP5OxCo+jmk8b8k+q8kPd8kshHRcOq','ySk8i2Swza','W7hdMqNdRmkl','WORcSgjN','WRbFWR3dNIO','W5/dGgxcPmk9','D0efWQ3dPs5eW6O','WO4ZbCo/WPbqWOLAlCkxu8o7a8ob','a8oHWOfEjq','W4ebW7OFvttcL2SmWQu3WQS0','mSozWP96nN4','WPVcGYBcTG','W6BdVHZdKmkjgSk9ufW','W63dJYJdH0q','DSkUjN0N','W7VcVWmv','W43dNgdcRmk6','CL05WRRdObLvW7Cgtmk+','FGhcTYe','W7enW7RcNN4lW7qZca/dQcRdPG','WQ9cW6RcUa','mSkflCoMvG','6ycy6k+k5P+U5yQO5BAT5yAO6zAl','W4nnW7PuvxJcMvrlWOb6WPvLWOpcJq','WP/cSCkSoSkB','W4b+W5/cVN7dTKW','sSkgc8kPdmkhWQhcUa','WPrVDCoLga','W7RcSbywrmoRaW','E1W7WRNdOc9f','WPRcTgbVF8kMda','W4npWPldGqq9W7ldISkzWOy','W5/cHCkbWR7MSBxLHyNMIytLIzhdTG','W6rgCCkgAq','W7xcOSonW68wv8kFuSknWRin','W73cRHKnqq','W4bQwSkTzW8','zCo4W6WJWQjXbG','sSklW6tdJ8or','W5nsWP/dOam0W6pdGmkc'].concat((function(){return['W4JcO11afCoX','WP7cKSkzd8kK','W73dGCoaqYO','W6tcMSktWRu','W4nbWPddGWGWW6e','WPPfW4ddHelcT8kctmoAWPDs','W57dKwdcO8kUW4LP','W7HUk8otpq','nCoLWRiZW79JugNdLW','W7RdRxSCWQ9Q','W4qKemotWPjsWOvBBSktDmoNomowWRTlsea','cSoCWQ1uiq','WQxdGSkHDG','W6j+cSoleW','WQXrWQ8','WPTPv8oRbmkLdCk7sSkv','m8kHE3TdAK99nW','z3NcGMSZWR4c','WQBdSLxcLG','tCkKzhXv','WPNcVsrpWOddPa1p','zCkaeqLj','xWJcTItdRq','WPKZfmoi','W5vAb8kxW50','BfC5WR7dPtXeW6eUxSk0','WPXJW4FdI3K','WODyWQznfq','qgpcIL0n','WOVdGdtcQSkR','qCkguSoXBCoBWPVcPCoPW7WjmW','nmkHWRn5W71YdxNcQKFdGa','s3BcSuCQ','WQ7dG8kEFZS','ySkYiwK','ymkpW5VdLSoi','WQpcNmoBjhuZeCo4cbNcGCk5Ba','W5/cRSkIWRtdHq','oSoQxcvyFgdcPstdK8o8','yIVcRcpdIW','W6r5nmkQW5O','WOrPW5pcO8kI','BmolWOBcJmk6','W6T0k8kJW7NcM8oKsf/cINxcIqBcTcu','ymkZphawza','WQtdT13cRSoxWR5Gea','W4HicCoQoG','W4XpWP/dJG0nW7ldKCktWOLk','WOzgW4ldNgpcKCkfv8oCWRvEkSkq','W6BdVHZdHCkoh8k3vhVdQmkhaGnX','W4WObSofWRFcLbu','W6tdVGpdRa','q1VcTgi8','WOVcIJbwWQy','W5VdJrBcRmoT','WRjBWQxdGJTEWPisir/dJa','W4pdRSodsJe','W5hcOuP1eW','rmkqW7JdHa','W7CaWQhdO2fPWOFdKYeTmq','W63cUXqrqCo4aJBcNSkQWOS','WPxdVN/cM8oG','E0xcT2Hyp0jkyCoO','W7pdVGxdQ8kphSkOuKVdV8kj','WRn1W53cHSkY','WQRcUJpcPmoW','WRRdKbdcI8khW5BcVtS','W5ZdNgJcTmkeW51+CZ9Zj1zqWR1i','rmk/bh87','t8ozWRhcJmkF','ySkOo2mCyri','W63dG8oHusVdHmoSpG','W7/dK8oQDq','wmklc203','mmkmd8obyaZdNCkJWQTO','6k685Asq77+V5BM/5B2F5zo0','W7vVpSku','WRaRn8kuWPOtAefHjSk6W5v/','F0/cOe5F','DSorW4SJWOi','WPpdTGyqwmk4cIpdO8oeuCoPW70','uCkLmavy','WQddVvJcMmojWRPN','WPZdGrBcSCkd','mmoBWOn+nG','WO/cOI5oWQZdHGrdWOq2dgVdQuFdPa','WObfW4RdHKVcT8kcx8olWOnm','WQ5yW7BcOCk4WQG','xSkPwg5JWPyHhGS','W4NdLJ3cHSoGvIa','W7FdTahdP8kEkmkQwLVdR8kv','6yoC6k2W5lUI5BEQ5O2q5PwA','Ce/cOf1gceHfDW','p8kmaSoo','W5tdJcZdI20'];}()));}()));}());_0x204f=function(){return _0x3088e3;};return _0x204f();};export default{'name':_0x12b47f(0x22a,'iQY2'),'props':{'contact':{'type':Object,'default':{}},'userInfo':{'type':Object,'default':{}},'config':{'type':Object,'default':{}},'alias':{'type':String,'default':_0x12b47f(0x16f,'**0u')}},'data'(){return{'status':0x0,'peer':null,'peers_id':'','localVideo':'','remoteVideo':'','remoteStream':null,'localStream':null,'calling':null,'conn':null,'caller':null,'is_video':0x1,'isReceived':![],'videoStatus':!![],'voiceStatus':!![],'cutdown':0x28,'timer':null};},'mounted'(){var _0x3dc48a=_0x12b47f;this[_0x3dc48a(0x1b3,'bS0T')]=this['$refs'][_0x3dc48a(0x178,'9hbg')],this[_0x3dc48a(0x1a0,'aaUZ')]=this[_0x3dc48a(0x1f1,'8DIo')][_0x3dc48a(0x1a8,'(n93')],this[_0x3dc48a(0x20e,'aaUZ')]();},'methods':{'initPeer'(){var _0x4ec56c=_0x12b47f,_0x38fc31={'pHKlI':'dPQNp','RloaR':'state','JVziJ':_0x4ec56c(0x157,'dNfI'),'jIdnW':_0x4ec56c(0x225,'au#('),'YVDjD':'hnlFB','pfUyz':function(_0x369f95,_0x1098c1){return _0x369f95+_0x1098c1;},'pBahp':'-raingad-peers-id-','QqcJK':_0x4ec56c(0x255,'djwT'),'YaOex':_0x4ec56c(0x17b,'d0hz'),'gPPrj':_0x4ec56c(0x160,'cV0a')};this['peers_id']=_0x38fc31[_0x4ec56c(0x21b,']*g1')](this[_0x4ec56c(0x151,'**0u')]+_0x38fc31[_0x4ec56c(0x262,'(n93')],this[_0x4ec56c(0x1fd,'BYVG')]['id']),this[_0x4ec56c(0x24a,'dNfI')]=new Peer(this['peers_id'],this[_0x4ec56c(0x165,'r()F')]),this[_0x4ec56c(0x22d,'e*Kw')]['on'](_0x38fc31[_0x4ec56c(0x14e,'s54H')],_0x409205=>{var _0x4c4159=_0x4ec56c;console[_0x4c4159(0x1d7,'m#h6')](_0x4c4159(0x161,')IEQ'),_0x409205);}),this['peer']['on'](_0x38fc31[_0x4ec56c(0x229,'Na5d')],_0x33ea58=>{var _0x86b86=_0x4ec56c;if(_0x86b86(0x21f,'flHh')===_0x38fc31[_0x86b86(0x1b8,']*M[')])_0x2a40e2[_0x86b86(0x23a,')IEQ')]();else{var _0x29b946=_0x86b86(0x171,']*M[')[_0x86b86(0x265,'**0u')]('|'),_0x2ef1b6=0x0;while(!![]){switch(_0x29b946[_0x2ef1b6++]){case'0':this['status']=0x3;continue;case'1':this['callClose']();continue;case'2':this[_0x86b86(0x23b,'TODI')]=_0x33ea58;continue;case'3':this[_0x86b86(0x25d,'bS0T')](_0x38fc31[_0x86b86(0x17f,'fO1x')]);continue;case'4':this[_0x86b86(0x256,'LOTX')]=!![];continue;}break;}}}),this['peer']['on']('close',()=>{console['log'](_0x38fc31['JVziJ']);}),this[_0x4ec56c(0x220,'TODI')]['on'](_0x38fc31['gPPrj'],_0x5334c5=>{var _0x42dfa9=_0x4ec56c,_0x28d315={'hsTso':_0x38fc31[_0x42dfa9(0x183,'[YdJ')],'cHWMc':_0x42dfa9(0x1df,'flHh')};if(_0x38fc31[_0x42dfa9(0x170,'au#(')]!==_0x38fc31[_0x42dfa9(0x1b2,'P5Ex')]){this['conn']['on'](_0x28d315[_0x42dfa9(0x236,'iQY2')],_0x5c0c00=>{var _0x5b45c0=_0x42dfa9;this[_0x5b45c0(0x182,'Y]Po')](_0x5c0c00);});let _0x12091b={'type':_0x28d315[_0x42dfa9(0x22e,']*g1')],'userInfo':this[_0x42dfa9(0x17d,'zKxZ')],'is_video':_0x55281c};this[_0x42dfa9(0x175,'YiNz')][_0x42dfa9(0x153,'fO1x')](_0x12091b);}else this['conn']=_0x5334c5,this['conn']['on'](_0x38fc31[_0x42dfa9(0x219,'R!fB')],_0x38bb96=>{this['receivedMsg'](_0x38bb96);});});},'callClose'(){var _0x477a66=_0x12b47f,_0x475bf0={'LFeWl':_0x477a66(0x1c4,'YiNz')};this[_0x477a66(0x166,']*M[')]['on'](_0x477a66(0x1bd,'*[A)'),()=>{var _0x2a9c4d=_0x477a66;console[_0x2a9c4d(0x177,'aaUZ')](_0x475bf0[_0x2a9c4d(0x1e5,'TODI')]),this[_0x2a9c4d(0x172,']RDW')](![]);});},'initLocalStream'(_0x5a37fd,_0x417179){var _0x17edcd=_0x12b47f,_0x3b6be1={'tTuHV':_0x17edcd(0x179,'P5Ex'),'bjrGD':_0x17edcd(0x195,'P5Ex'),'GDVky':function(_0x5bd696,_0x482698,_0x23c0fd){return _0x5bd696(_0x482698,_0x23c0fd);},'hetGk':_0x17edcd(0x18e,'TODI'),'kwouF':'close','Hkiav':function(_0x50cb58,_0x39d4c6){return _0x50cb58!==_0x39d4c6;},'ipfSC':'KSCxR','Bpxru':function(_0x34d913,_0x1e6132){return _0x34d913==_0x1e6132;},'qxSmJ':function(_0x4042c6,_0x1a8fce){return _0x4042c6+_0x1a8fce;},'QWbFa':function(_0xf3f536,_0x510a09){return _0xf3f536+_0x510a09;},'IYSEC':function(_0x37e5f1,_0x2551ae){return _0x37e5f1+_0x2551ae;},'IaRNu':function(_0x39d8ce,_0x350c03){return _0x39d8ce+_0x350c03;},'YADtP':'请连接','rQLJK':function(_0x498d42,_0x518d08,_0x32edc1,_0x449b27){return _0x498d42(_0x518d08,_0x32edc1,_0x449b27);}},_0x5b4a86=navigator[_0x17edcd(0x25c,'djwT')]||navigator[_0x17edcd(0x205,'fO1x')]||navigator[_0x17edcd(0x194,'LOTX')];_0x3b6be1[_0x17edcd(0x216,'TODI')](_0x5b4a86,{'video':_0x417179,'audio':!![]},_0x316d87=>{var _0x460dc0=_0x17edcd;this[_0x460dc0(0x247,']*M[')]=this[_0x460dc0(0x232,')u%%')](_0x316d87),this[_0x460dc0(0x1a7,'lQxS')][_0x460dc0(0x168,'cV0a')]=this[_0x460dc0(0x16e,'[YdJ')];if(_0x5a37fd)this[_0x460dc0(0x211,')u%%')]=this['peer']['call'](_0x5a37fd,_0x316d87),this['callClose'](),this[_0x460dc0(0x20a,'zx5r')]=0x1,this[_0x460dc0(0x233,'e*Kw')]=_0x3b6be1[_0x460dc0(0x192,'1QCV')](setInterval,()=>{var _0x2934f1=_0x460dc0;this[_0x2934f1(0x1af,'P5Ex')]--,this[_0x2934f1(0x1e2,'s0OC')]==0x0&&this['hangup'](!![]);},0x3e8);else{if(_0x3b6be1[_0x460dc0(0x1b7,'lQxS')]===_0x3b6be1[_0x460dc0(0x252,'99QU')])this['calling']['answer'](_0x316d87);else{if(this[_0x460dc0(0x258,'R!fB')]){var _0x3e048b=_0x3b6be1[_0x460dc0(0x24b,'dNfI')][_0x460dc0(0x253,')u%%')]('|'),_0x5a12bf=0x0;while(!![]){switch(_0x3e048b[_0x5a12bf++]){case'0':this[_0x460dc0(0x239,'[YdJ')]&&(this['caller']=null);continue;case'1':this['status']=0x2;continue;case'2':this[_0x460dc0(0x260,'9hbg')](![],this[_0x460dc0(0x1d8,'iQY2')]);continue;case'3':this['conn']['send']({'type':_0x3b6be1[_0x460dc0(0x17e,'Awb%')]});continue;case'4':this['playMusicCall']();continue;}break;}}}}this[_0x460dc0(0x226,'s0OC')]['on']('stream',_0x33798b=>{var _0x4c329a=_0x460dc0;this['remoteStream']=_0x33798b,this[_0x4c329a(0x18f,'iQY2')]['srcObject']=_0x33798b;});},_0x59ae88=>{var _0x209b16=_0x17edcd;if(_0x3b6be1[_0x209b16(0x1d5,'3NAO')](_0x3b6be1[_0x209b16(0x197,'au#(')],_0x3b6be1[_0x209b16(0x243,'djwT')]))this[_0x209b16(0x16d,'cV0a')]['on'](_0x3b6be1[_0x209b16(0x1fb,'EU*D')],()=>{var _0x26e40b=_0x209b16;_0x57e330[_0x26e40b(0x1dd,'lQxS')]('通话中已挂断'),this['hangup'](![]);});else{this[_0x209b16(0x169,'e*Kw')](!![]);var _0x222374=_0x3b6be1['Bpxru'](_0x417179,0x1)?'视频':'语音';this[_0x209b16(0x1f5,'**0u')][_0x209b16(0x167,'3NAO')](_0x3b6be1[_0x209b16(0x1ee,'Y]Po')](_0x3b6be1[_0x209b16(0x240,'cV0a')](_0x3b6be1[_0x209b16(0x1f2,'!h$r')](_0x3b6be1[_0x209b16(0x189,'dNfI')](_0x3b6be1[_0x209b16(0x207,'e*Kw')],_0x222374),_0x209b16(0x1b4,'dNfI')),_0x222374),'权限'));}});},'called'(_0x24c3da){var _0x510bc7=_0x12b47f,_0x415e30={'sBJfl':_0x510bc7(0x209,'BYVG'),'VewMG':_0x510bc7(0x215,'YiNz'),'EbKxH':_0x510bc7(0x181,'LOTX'),'WxFrZ':'data','bOZFZ':_0x510bc7(0x19b,'!PT('),'OZHKN':function(_0x4a6962,_0x3e9b3e){return _0x4a6962+_0x3e9b3e;},'bpnyi':function(_0x339adb,_0x3677dd){return _0x339adb+_0x3677dd;},'WnMfu':function(_0x3c214c,_0x2c2fe1){return _0x3c214c===_0x2c2fe1;},'gDqko':'mkKel','OnFmf':'qAelv'};this[_0x510bc7(0x266,'Y]Po')]=_0x24c3da,this[_0x510bc7(0x261,'P5Ex')]=this[_0x510bc7(0x24e,'[dY9')];var _0x23ac60=_0x415e30[_0x510bc7(0x22c,'iQY2')](_0x415e30[_0x510bc7(0x164,'m#h6')](this['alias'],_0x510bc7(0x173,'dqk*')),this['contact']['id']);if(this[_0x510bc7(0x1ca,'fO1x')]){if(_0x415e30['WnMfu'](_0x415e30[_0x510bc7(0x19e,'zKxZ')],_0x415e30[_0x510bc7(0x24f,'d0hz')])){var _0x119f92=_0x415e30[_0x510bc7(0x1e9,'au#(')][_0x510bc7(0x203,'8DIo')]('|'),_0xadc99a=0x0;while(!![]){switch(_0x119f92[_0xadc99a++]){case'0':this['callClose']();continue;case'1':this[_0x510bc7(0x199,'[YdJ')](_0x415e30['VewMG']);continue;case'2':this['status']=0x3;continue;case'3':this[_0x510bc7(0x15f,'Na5d')]=_0x25d639;continue;case'4':this[_0x510bc7(0x249,'9hbg')]=!![];continue;}break;}}else return![];}this[_0x510bc7(0x222,'m#h6')]=this[_0x510bc7(0x180,'dqk*')]['connect'](_0x23ac60),this[_0x510bc7(0x1c6,'bS0T')]['on']('open',()=>{var _0x35b7b1=_0x510bc7,_0x57936e={'NwAcV':function(_0x648ea,_0x37362b){return _0x648ea===_0x37362b;}};if(_0x415e30[_0x35b7b1(0x1ff,'**0u')]===_0x415e30[_0x35b7b1(0x1ad,'P5Ex')]){this['conn']['on'](_0x415e30['WxFrZ'],_0xddfc15=>{var _0x1ab2bf=_0x35b7b1;_0x57936e[_0x1ab2bf(0x1f6,'zx5r')]('ibHcC',_0x1ab2bf(0x237,'[dY9'))?(this[_0x1ab2bf(0x1cd,'YiNz')][_0x1ab2bf(0x196,'d0hz')](_0x1fb3f4),_0x1c411b[_0x1ab2bf(0x244,'au#(')](_0x2b705c)):this[_0x1ab2bf(0x1ce,'s0OC')](_0xddfc15);});let _0x54e94c={'type':_0x415e30[_0x35b7b1(0x159,'R!fB')],'userInfo':this['userInfo'],'is_video':_0x24c3da};this[_0x35b7b1(0x1c9,'e*Kw')][_0x35b7b1(0x1cb,'BYVG')](_0x54e94c);}else _0xaccf8a[_0x35b7b1(0x15d,'m#h6')]=![];}),this[_0x510bc7(0x1da,'lQxS')](_0x23ac60,_0x24c3da),this[_0x510bc7(0x1b6,'EU*D')](_0x415e30[_0x510bc7(0x213,'x]@&')]);},'answer'(){var _0xc4b531=_0x12b47f,_0x1a1e76={'pFSJk':function(_0x3c6c64,_0x429224){return _0x3c6c64===_0x429224;},'qcyRs':_0xc4b531(0x259,'!h$r'),'SiWnq':'answer'};if(this[_0xc4b531(0x19b,'!PT(')]){this['initLocalStream'](![],this[_0xc4b531(0x266,'Y]Po')]),this['playMusicCall']();if(this[_0xc4b531(0x23f,'djwT')]){if(_0x1a1e76[_0xc4b531(0x1ae,'[dY9')]('CjQZK',_0x1a1e76[_0xc4b531(0x1a2,'e*Kw')]))this[_0xc4b531(0x1d3,'s54H')]=null;else return this[_0xc4b531(0x25e,')IEQ')]?_0x571fd3[_0xc4b531(0x19a,'(n93')]()['forEach'](_0x394371=>{var _0x5cff02=_0xc4b531;this[_0x5cff02(0x1a4,'x]@&')][_0x5cff02(0x1b0,'!h$r')](_0x394371),_0x2e53f2[_0x5cff02(0x1e6,'**0u')](_0x394371);}):this[_0xc4b531(0x1f0,'!PT(')]=_0x45bab2,this[_0xc4b531(0x21a,')u%%')];}this[_0xc4b531(0x19c,'U%%R')][_0xc4b531(0x1db,'dNfI')]({'type':_0x1a1e76[_0xc4b531(0x200,'1QCV')]}),this['status']=0x2;}},'receivedMsg'(_0x9fa820){var _0x205652=_0x12b47f,_0x298dbd={'OvMvk':_0x205652(0x166,']*M['),'CFerj':_0x205652(0x14b,'*[A)'),'thHFD':function(_0x3bfe34,_0x18c776){return _0x3bfe34(_0x18c776);}};switch(_0x9fa820[_0x205652(0x248,'d0hz')]){case _0x298dbd[_0x205652(0x18c,'3NAO')]:this[_0x205652(0x1f9,'gYx9')]=_0x9fa820[_0x205652(0x1ab,'flHh')],this['is_video']=_0x9fa820[_0x205652(0x206,'e*Kw')];break;case'hangup':this[_0x205652(0x201,'(n93')](![]);break;case _0x298dbd[_0x205652(0x176,'au#(')]:this[_0x205652(0x1d1,'s54H')]=0x2,_0x298dbd[_0x205652(0x17c,'s0OC')](clearInterval,this[_0x205652(0x22b,'99QU')]),this[_0x205652(0x199,'[YdJ')]();break;}},'hangup'(_0x64fc1f){var _0x52ff86=_0x12b47f,_0x35279d={'jYALK':function(_0x2038fb,_0x106a94){return _0x2038fb(_0x106a94);},'UYfrc':'close','qfEFs':function(_0x55f950,_0x5cc8e3){return _0x55f950==_0x5cc8e3;},'ExcfW':function(_0x3099fd,_0x5e6268){return _0x3099fd!=_0x5e6268;},'tQgHI':_0x52ff86(0x201,'(n93')};_0x35279d['jYALK'](clearInterval,this[_0x52ff86(0x184,'zx5r')]),this[_0x52ff86(0x24c,')u%%')](_0x35279d['UYfrc']);if(this['status']){var _0xda3bed=_0x52ff86(0x158,'zx5r')['split']('|'),_0x11ec12=0x0;while(!![]){switch(_0xda3bed[_0x11ec12++]){case'0':this['status']=0x0;continue;case'1':this[_0x52ff86(0x250,'zx5r')][_0x52ff86(0x217,'Y]Po')]();continue;case'2':this[_0x52ff86(0x1be,'zKxZ')]();continue;case'3':_0x35279d[_0x52ff86(0x16b,'!h$r')](this[_0x52ff86(0x210,'BYVG')],null);continue;case'4':this['isReceived']=![];continue;case'5':this['caller']=null;continue;case'6':this['remoteStream']=null;continue;case'7':this[_0x52ff86(0x1ac,'**0u')]();continue;}break;}}_0x64fc1f&&_0x35279d['ExcfW'](this['status'],0x2)&&this['conn'][_0x52ff86(0x263,'Na5d')]({'type':_0x35279d['tQgHI']});},'getMediaStream'(_0x11b112){var _0xd9c587=_0x12b47f,_0x59f78f={'qdzAB':function(_0x7c7fa4,_0x55fa66){return _0x7c7fa4(_0x55fa66);},'PAiRr':'请打开音视频','PVmSv':function(_0x48f392,_0x5edd85){return _0x48f392!==_0x5edd85;},'hnQgi':'IrTAV','jhmGC':function(_0x54ad93,_0x4f860f){return _0x54ad93!==_0x4f860f;}};return this[_0xd9c587(0x1ed,'dNfI')]?_0x11b112[_0xd9c587(0x19a,'(n93')]()[_0xd9c587(0x208,'[YdJ')](_0x2f070a=>{var _0x58f69c=_0xd9c587;if(_0x59f78f[_0x58f69c(0x268,'*[A)')](_0x59f78f['hnQgi'],_0x59f78f[_0x58f69c(0x18a,'YiNz')]))return _0x59f78f[_0x58f69c(0x1e7,'*[A)')](_0x5a0dc8,_0x59f78f[_0x58f69c(0x214,'zKxZ')]),![];else this['localStream'][_0x58f69c(0x20f,'[YdJ')](_0x2f070a),_0x11b112['removeTrack'](_0x2f070a);}):_0x59f78f[_0xd9c587(0x1f4,'lQxS')](_0xd9c587(0x185,'dNfI'),_0xd9c587(0x224,'Y]Po'))?this[_0xd9c587(0x1d9,'0k04')]=_0x11b112:this['localStream']['getTracks']()[_0xd9c587(0x1c2,'99QU')](_0x15334f=>{var _0x50cbf1=_0xd9c587;_0x15334f[_0x50cbf1(0x1b1,'!h$r')]();}),this[_0xd9c587(0x198,'cV0a')];},'closeLocalMedia'(){var _0x1d67a1=_0x12b47f,_0x1a81ba={'VOSKU':function(_0x1ac1bc,_0x54f661){return _0x1ac1bc!==_0x54f661;},'IsBtb':_0x1d67a1(0x162,'r()F'),'tUdVi':_0x1d67a1(0x24d,'gYx9')};this[_0x1d67a1(0x152,'Y]Po')]&&this[_0x1d67a1(0x22f,'dqk*')][_0x1d67a1(0x1c1,'s0OC')]()&&this['localStream'][_0x1d67a1(0x1c5,'lQxS')]()['forEach'](_0x3e210a=>{var _0x45b326=_0x1d67a1;_0x1a81ba[_0x45b326(0x1ba,'Awb%')](_0x1a81ba[_0x45b326(0x1e1,'d0hz')],_0x1a81ba[_0x45b326(0x242,'flHh')])?_0x3e210a[_0x45b326(0x1b5,'LOTX')]():(this[_0x45b326(0x227,'zx5r')]&&this[_0x45b326(0x163,'BYVG')]['getTracks']()&&this[_0x45b326(0x21a,')u%%')][_0x45b326(0x14d,'(n93')]()[_0x45b326(0x1e0,'LOTX')](_0xd7000d=>{var _0x1130c2=_0x45b326;_0xd7000d[_0x1130c2(0x14c,')u%%')]();}),this[_0x45b326(0x218,'9hbg')]=null);}),this[_0x1d67a1(0x1dc,'(n93')]=null;},'switchVoice'(){var _0x5b9f38=_0x12b47f,_0x5adf16={'ttYol':function(_0x2f5090,_0x5e9be5){return _0x2f5090!==_0x5e9be5;},'wsizT':_0x5b9f38(0x186,'flHh'),'UQPoM':function(_0x381041,_0x1a9d2b){return _0x381041===_0x1a9d2b;},'nfAFZ':function(_0x1969a9,_0xde8a18){return _0x1969a9===_0xde8a18;},'yxked':'audio','STdJN':function(_0x2ae876,_0x5a82b6){return _0x2ae876==_0x5a82b6;},'fyoSP':_0x5b9f38(0x1c7,'s54H'),'CHnnM':function(_0x2aee26,_0x48f70f){return _0x2aee26(_0x48f70f);},'PZlvs':_0x5b9f38(0x1fc,'BYVG'),'JGOlS':'thfWE','qaWaA':_0x5b9f38(0x1a9,'1QCV')};if(_0x5adf16[_0x5b9f38(0x193,'[dY9')](this[_0x5b9f38(0x1f3,'s0OC')],null)){if(_0x5adf16[_0x5b9f38(0x235,'m#h6')](_0x5b9f38(0x23d,'dqk*'),_0x5adf16[_0x5b9f38(0x1f7,'*[A)')]))return _0x5adf16[_0x5b9f38(0x245,'Na5d')](alert,_0x5adf16['PZlvs']),![];else _0x29a890['play']();}const _0x130e3f=this[_0x5b9f38(0x251,'99QU')]['getTracks']();this[_0x5b9f38(0x1c3,'(n93')]?_0x5adf16[_0x5b9f38(0x19f,'99QU')](_0x5adf16[_0x5b9f38(0x20c,'Y]Po')],_0x5adf16[_0x5b9f38(0x1fa,'zx5r')])?(_0x130e3f['forEach'](_0x176ab=>{var _0x50da71=_0x5b9f38;_0x5adf16['ttYol'](_0x50da71(0x15c,'9hbg'),_0x5adf16[_0x50da71(0x14f,'P5Ex')])?_0x5adf16['UQPoM'](_0x176ab[_0x50da71(0x20d,'cV0a')],'audio')&&(_0x176ab[_0x50da71(0x1bb,'d0hz')]=![]):_0x1ca749[_0x50da71(0x155,'1QCV')]=![];}),this[_0x5b9f38(0x1bf,'[YdJ')]=![]):(this[_0x5b9f38(0x1fe,'R!fB')]--,this['cutdown']==0x0&&this[_0x5b9f38(0x21e,'LOTX')](!![])):(_0x130e3f['forEach'](_0x1eb38c=>{var _0x278f92=_0x5b9f38;_0x5adf16[_0x278f92(0x156,'bS0T')](_0x1eb38c[_0x278f92(0x1e3,'U%%R')],_0x5adf16[_0x278f92(0x204,'m#h6')])&&(_0x1eb38c[_0x278f92(0x212,'1QCV')]=!![]);}),this[_0x5b9f38(0x221,'Awb%')]=!![]);},'switchVideo'(){var _0x53e1f9=_0x12b47f,_0x22c1b8={'PmFaE':_0x53e1f9(0x150,'m#h6'),'gMrLs':function(_0x41ca7a,_0x566f38){return _0x41ca7a===_0x566f38;},'mATTQ':_0x53e1f9(0x174,'*[A)'),'OIFOh':_0x53e1f9(0x238,'**0u'),'XPZpi':function(_0x583b1a,_0x1dfeb2){return _0x583b1a!==_0x1dfeb2;},'bbeNF':_0x53e1f9(0x190,'fO1x'),'xtHaC':'LTLFr','ALWkc':_0x53e1f9(0x1cf,'bS0T'),'ZzArG':function(_0x57d338,_0x19e159){return _0x57d338==_0x19e159;},'CIfKp':_0x53e1f9(0x21d,'8DIo')};if(_0x22c1b8[_0x53e1f9(0x1de,'U%%R')](this[_0x53e1f9(0x1f3,'s0OC')],null)){if(_0x22c1b8[_0x53e1f9(0x25a,'e*Kw')]!==_0x53e1f9(0x228,'zKxZ'))_0x1e8d62['pause']();else return alert(_0x53e1f9(0x1d4,'dNfI')),![];}const _0x48b407=this[_0x53e1f9(0x1e8,'U%%R')]['getTracks']();this[_0x53e1f9(0x223,'(n93')]?(_0x48b407[_0x53e1f9(0x257,'[dY9')](_0x479353=>{var _0x1c3d7b=_0x53e1f9,_0x49407a={'SbcHM':_0x22c1b8[_0x1c3d7b(0x1a6,'d0hz')]};if(_0x22c1b8['gMrLs'](_0x22c1b8[_0x1c3d7b(0x1ef,'(n93')],_0x22c1b8[_0x1c3d7b(0x1a1,'!h$r')])){var _0x4f5ad8=_0x1553b8[_0x1c3d7b(0x267,'dqk*')](_0x1c3d7b(0x1c0,'1QCV'));_0x4f5ad8[_0x1c3d7b(0x16c,'TODI')]();}else _0x22c1b8['gMrLs'](_0x479353[_0x1c3d7b(0x1c8,'9hbg')],_0x1c3d7b(0x1d6,'r()F'))&&(_0x22c1b8['XPZpi'](_0x22c1b8[_0x1c3d7b(0x25b,'TODI')],_0x22c1b8[_0x1c3d7b(0x191,'LOTX')])?(this[_0x1c3d7b(0x18b,'P5Ex')]=_0x2aea13,this[_0x1c3d7b(0x1d0,'s0OC')]['on'](_0x49407a[_0x1c3d7b(0x1bc,'flHh')],_0x4bef06=>{var _0x1b780f=_0x1c3d7b;this[_0x1b780f(0x1a5,'m#h6')](_0x4bef06);})):_0x479353[_0x1c3d7b(0x15d,'m#h6')]=![]);}),this['videoStatus']=![]):(_0x48b407[_0x53e1f9(0x15a,'djwT')](_0x4bd9b6=>{var _0x1f7811=_0x53e1f9;_0x22c1b8['xtHaC']!=='LTLFr'?_0x50b6ab[_0x1f7811(0x15e,'Y]Po')]=![]:_0x4bd9b6[_0x1f7811(0x1a3,'3NAO')]===_0x22c1b8[_0x1f7811(0x19d,'dNfI')]&&(_0x4bd9b6[_0x1f7811(0x17a,'dNfI')]=!![]);}),this[_0x53e1f9(0x1eb,'r()F')]=!![]);},'playMusicCall'(_0xad1f4a){var _0x282535=_0x12b47f,_0x533098={'RbqEI':_0x282535(0x16a,'R!fB'),'sDAMJ':function(_0x111783,_0x58453f){return _0x111783===_0x58453f;}},_0x3590de=document[_0x282535(0x1f8,'iQY2')](_0x282535(0x202,'aaUZ'));if(_0xad1f4a==='state')_0x3590de[_0x282535(0x246,']RDW')]=!![];else{if(_0xad1f4a===_0x533098['RbqEI'])return _0x3590de[_0x282535(0x1ea,'dNfI')]();else _0x3590de[_0x282535(0x21c,'U%%R')]=![];}_0x3590de['paused']?_0x3590de[_0x282535(0x1ec,'Awb%')]():_0x533098[_0x282535(0x23e,'(n93')](_0x282535(0x23c,'P5Ex'),_0x282535(0x25f,'Awb%'))?_0x3590de[_0x282535(0x264,'aaUZ')]():this[_0x282535(0x231,'(n93')](_0x17857d);},'playMusicHandup'(){var _0x303c00=_0x12b47f,_0x4e3d9a={'BMzbP':'music2'},_0x5e35c5=document[_0x303c00(0x234,'Awb%')](_0x4e3d9a[_0x303c00(0x1aa,')u%%')]);_0x5e35c5['play']();}}};var version_ = 'jsjiami.com.v7';
</script>
<style scoped lang="scss">
.webrtc-box{
  background: #fff;
  padding:20px 5px 10px;
  border-radius: 6px;
  width:300px;
  max-height:600px;
  position: fixed;
  right:20px;
  bottom: 20px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  z-index:99999;
  .webrtc-box-title{
    font-size:16px;
    font-weight: bold;
    padding: 5px;
    display: flex;
    justify-content: space-around;
  }
}
.localvideo{
    width:300px;
    height:200px;
}
.remotevideo{
    width:300px;
    height:200px;
}
.calling-button{
  display: flex;
  justify-content: space-around;
  padding: 20px;
  .button{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    .image{
      width:60px;
      height:60px;
      margin-bottom: 10px;
    }
    .image-icon{
      width:30px;
      height:30px;
      margin-bottom: 10px;
    }
  }
}
.call-user{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  .avatar{
    width:60px;
    height:60px;
    object-fit: contain;
    border-radius: 50%;
    overflow: hidden;
  }
  .text{
    font-size:16px;
    margin-top:15px;
  }
}
</style>
  